<template>
    <div>
        <!-- 路由内置插槽 router-view -->
        <router-view id="Appmain"></router-view>

        <Tabbar v-show="isTabbarShow"></Tabbar>
    </div>
</template>

<script setup>
import { storeToRefs } from 'pinia';
import Tabbar from './components/Tabbar.vue'
import useTabbarStore from './store/tabbarStore'
const store = useTabbarStore()
// 注意: 生成的store对象是一个reactive包装的对象,不能够直接解构赋值,如果想要解构出来,可以导入storeToRefs 不推荐
const {isTabbarShow} = storeToRefs(store)

// console.log(store);
</script>




<style lang="scss">
*{
    margin: 0;
    padding: 0;
}
html, body,#app{
    height: 100%;
}
#app>div{
    // display: flex;
    // flex-direction: column;
    height: 100%;
    // padding-bottom: 10vw;
}
ul,ol{
    list-style: none;
}
a{
    text-decoration: none;
}
#Appmain{
    // margin-bottom: 20vw;
    // padding-bottom: 10vw;
    // overflow: hidden;
}

</style>